import h from "./src/diff/h.js"
import patch from "./src/diff/patch.js"
// 用 h 生成 虚拟节点
let vnode1 = h('h1', {}, "你好呀")
let vnode2 = h('ul', {}, [
    h('li', { key: 1 }, '暴君大熊'),
    h('li', { key: 2 }, '珍妮'),
    h('li', { key: 3 }, '路飞'),
])

let vnode3 = h('div', {}, [
    h('span', { key: 1 }, '暴君大熊'),
    h('span', { key: 2 }, '珍妮'),
    h('span', { key: 3 }, '路飞'),
    h('span', { key: 4 }, 'lla'),
])

// 获取真实的 dom 节点
const rel = document.getElementById('rel')
const btn = document.getElementById('bt')
console.dir(rel)
btn.onclick = (() => {
    patch(rel, vnode3)
})